@charset "utf-8";
/*通用样式*/
html{overflow-x: hidden}
*{margin:0; padding:0;}
body{font-size:15px; font-family: "Microsoft YaHei"; margin:0; padding:0; color:#000;}
a,a:hover{text-decoration:none; color:#000;}
ul,li{list-style:none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; }

.red{color: #b40000}
.bg_red{background-color: #b4000}


.float-left{float: left}
.top .container .float-left{font-size: 20px;}
.float-right{float: right}
.w100{width: 100%;float: left}


.clear{clear:both;po}
.container{width: 80%;max-width: 1920px;min-width: 1000px;margin: 0 10%; position: relative;padding: 0 }


.slh {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.slh-2{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}
.slh-3{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-word;
}
.slh-4{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-word;
}


a img.mmove{width: 100%; 
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
a:hover img.mmove{
-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}


a img.mmove2{width: 100%; 
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
a:hover img.mmove2{
-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	-o-transform: scale(1.04);
	transform: scale(1.04);
}



.left_hua{width:45px; height:640px; position:fixed; left:0; top:40px;  z-index:9;}
.left_hua li{width:51px; height:160px; margin-left:-8px;transition:all 0.2s; -o-transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s;}
.left_hua li:hover{ margin-left:0;}

.right_hua{width:45px; height:640px; position:fixed; right:0; top:50%; margin-top:-320px; z-index:9;}
.right_hua li{width:51px; height:160px; margin-left:3px;transition:all 0.2s; -o-transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s;}
.right_hua li:hover{ margin-left:-5px;}










.vid_left{width: 70%;float: left}
.vid_right{width: calc(30% - 40px);float: left;padding:20px;background-color: #f3f3f3 }
.vid_right b{font-size: 25px;}
.vid_right p{font-size: 16px;color: #787878;line-height: 30px;padding-top: 20px;}



.tepic{width: 100%; float: left;padding: 15px;border: #cccccc solid 1px;}
.tepic a{width: 100%;overflow: hidden;float: left;}
.tepic img{width: 100%;float: left}
.leftbg{position: absolute;bottom: 0;left:32px;}
.tetitle{width: 100%; float: left;margin-top: 30px; }
.tetitle b{width: 100%;display: block;padding-bottom: 20px; font-size: 30px;font-weight: normal}
.tetitle p{font-size: 18px;color: #525252 }


.phleft{width: 50%;float: left}
.phright{width: calc(50% - 50px);float: left;padding-left: 50px;}
.phleft ins{width: calc(100% - 30px);float:left;padding:  15px;border: #B8B8B8 solid 1px;}
.phleft a{width: 100%;float: left;overflow: hidden}
.phleft a img{width: 100%;float: left}

.phright b{font-size: 32px;font-weight:normal;display: inline-block;padding-bottom: 10px;}
.phright p{font-size: 16px;line-height: 35px;}
.phright span{color: #656565}





.bodycon{}
.bodycon img{max-width: 100%;}





.top{width: 100%;height: 85px;float: left;background-color: #FFFFFF;color: #000000;line-height: 85px;}
.top img{vertical-align: middle;padding-right: 34px;}
.header{width: 100%;height:105px;float: left;background-color: #b40000;position: relative}
.logo{width:237px;margin-top: 10px;float: left}
.logo img{width: 100%}

ul.nav{height: 105px;float: right;}
ul.nav li{width:115px;height: 105px; float: left;position: relative}
ul.nav li a{width:115px;height: 105px; float:left; color: #000;text-decoration: none;text-align: center;
	border-radius: 5px;line-height: 28px; }
ul.nav li a b{width: 100%; color: #FFf;display: block;font-weight: normal;font-size: 20px;margin-top: 25px;}
ul.nav li a span{width: 100%;color: #cdcdcd;display: block}
ul.nav li a:hover b{color: #ffd200}
ul.nav li a:hover span{color: #ffffff}
ul.nav li .sel_list { width:100%; background:#b40000; position:absolute; right:0; top:105px; display:none;z-index: 99999}
ul.nav li .sel_list li { width:100%; height:35px; line-height:35px; text-align:center; text-align:left; margin:5px auto;}
ul.nav li .sel_list li a { display:block; width:90%;margin: 0 5%; height:35px;line-height: 35px; text-align: center; color:#fff; font-size:14px;}
ul.nav li .sel_list li a:hover { background:#680001;color: #ffd200 }


.h_title{width: 100%;float: left;text-align: center;padding: 50px 0}
.h_title b{font-size: 45px;display: block;margin-bottom: 10px;}
.h_title span{font-size: 35px;}
.h_title p{text-align: center;font-size: 17px;color: #1d1d1d;display: block;margin-top: 18px;}
.h_title ins{font-size: 35px;border-bottom: #b40000 solid 2px;text-decoration: none;font-weight: bold}


ul.h_news{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 70px;}
ul.h_news li{width: 31.5%;padding: 10px 0}
ul.h_news li b{color: #333333;border-bottom: dashed #ccc 1px;display: block;padding-bottom: 6px;font-size: 20px;margin-bottom: 15px;font-weight: normal;}
ul.h_news li a:hover b{color: #b40000}
ul.h_news li p{color: #777777;height: 60px;}
ul.h_news li ins{text-decoration: none;border: #b40000 solid 1px;display: inline-block;padding: 3px;margin-top: 15px}


.ssssl{width:100%;max-width: 1920px;margin: 0px auto }

.slider{width: 100%;position: relative;max-width: 1920px;margin: 0px auto}
ul.slipic{}
ul.slipic li a{float:left;}
ul.slipic li a img{float:left;}

ul.llii{width: 100%;
    position: absolute;
    z-index: 1;
    bottom: -2px;
    left: 0;
    height: 30px;
    line-height: 30px;text-align: center}

ul.llii li{cursor: pointer;
    display: inline-block;
    zoom: 1;
    width: 20px;
    height: 20px;
    margin: 0 7px;
    border-radius: 50%;
    overflow: hidden;
    background: #000;
    filter: alpha(opacity=80);
    opacity: 0.8;
    line-height: 999px;}

ul.llii li.on{background: #b40000;}
a.slider_left {width: 50px;height: 50px;cursor: pointer;
	position: absolute;
    left:50%;top: 50%;
	margin-left: -600px;z-index: 99999;
    background: url(../img/slider_left.png) no-repeat center center;
	display: none
}
a.slider_right{top: 50%; cursor: pointer;
width: 50px; height: 50px; position: absolute;
background: url(../img/slider_right.png) no-repeat  center center;
left: 50%;margin-left: 550px;z-index: 99999;
	display: none
}
.slider:hover a.slider_left,.slider:hover a.slider_right{display:block}

ul.sortcl{width:80%;margin: 0 10%;padding: 0;}
ul.sortcl li{width: 16.66%;float: left;height: 75px;margin-bottom: 20px;}
ul.sortcl li a{width: calc( 100% - 1px );height: 65px;border-top: 10px solid #cccccc; float: left;border-right:#aaaaaa solid 1px;}
ul.sortcl li:last-child a{border-right: none}
ul.sortcl li a span{width: 100%;height: 20px;padding-top:8px;text-align: center; display: block;font-size: 16px;color: #b8b8b8}
ul.sortcl li a b{width: 100%;height: 25px;padding-top: 5px;text-align: center; font-size: 20px; display: block;font-weight:normal}
ul.sortcl li.on a{border-top: 10px solid #b40000;}
ul.sortcl li.on a span{color: #000000}
ul.sortcl li:hover a{border-top: 10px solid #b40000;}



ul.sortpic{width:100%;display: flex;justify-content: space-between;flex-wrap: nowrap;margin-top: 20px;}
ul.sortpic li{width:19%;float: left;position: relative;}
ul.sortpic li a{width: 100%;float: left}
ul.sortpic li a img{width: 100%;height:133px; float:left;border-radius: 15px;}
ul.sortpic li a p{width: 100%;height: 100%; position: absolute;z-index: 10; display: flex;align-items: center;}
ul.sortpic li a span{width:65%;margin: 0 auto; height:65%;background: rgba(0,0,0,0.6);
	border-radius: 10px;display: flex;align-items: center;}
ul.sortpic li a ins{text-decoration: none;margin: 0 auto;font-size: 20px;color: #FFFFFF;}
ul.sortpic li a:hover ins{color: #ffd301;}





/*旅拍板块*/
 .cont .on,  .off{width: 100%;height: 100%;position: absolute;}
 .cont .off{opacity: 0;}
 .gm-inner:hover .off{ opacity: 1;transform: translateY(-15px);}
  .cont .on:hover{opacity: 0;transform: translateY(-15px);}
 .gm-tx-common{position: relative;overflow: hidden;width: 100%;height: 100%;}
._trans{
 	transition-duration: 0.5s;
    transition-timing-function: ease;
	-webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease;
	-o-transition-duration: 0.5s;
    -o-transition-timing-function: ease;}
.cont{width:1200px;margin:0 auto;overflow: hidden;display: flex;justify-content: space-between;flex-wrap: nowrap}
.cont li{float: left;width:122px;height:150px;overflow:hidden;margin:0 30px;}

.off2{opacity: 0}
.on2, .off2{width: 380px;height: 50px;position: absolute;text-align: left;font-size: 20px;color: #fff;line-height: 50px;}
.left_lp:hover .on2{opacity: 0;}
.left_lp:hover .off2{opacity: 1;color:#b60005;}

.left_lp2:hover .on2{opacity: 0;}
.left_lp2:hover .off2{opacity: 1;color:#b60005;}

.gm-box3:hover .on2{opacity: 0;}
.gm-box3:hover .off2{opacity: 1;color:#b60005;}


ul.case{display: flex;justify-content: space-between;flex-wrap: nowrap;margin-bottom: 50px;}
ul.case li{width: 24%;}
ul.case li a img{width: 100%; float:left;}
ul.case li a b{float:left;width: 100%;display: block;text-align: center;font-size: 20px;padding-top: 20px;}

.teamtitle{position: absolute;z-index: 10;top: 0;color: #FFFFFF}
.teamtitle ins{border-bottom: #FFFFFF solid 2px;}
.teamtitle p{color: #FFFFFF}

.team{position: relative;text-align: center;height: 776px;}
.team img{display: inline-block;position: absolute;left: 50%;margin-left: -960px;}
.teambg{width: 100%;height: 100%;top: 0;background: rgba(0,0,0,0.5); position: absolute;z-index: 1}


.main4_bg{position: absolute;top: 0px;z-index: 10}
.tediv{width: 80%;height: 776px;min-width:830px;position: absolute;top: 0;right: 10%;}

ul.teamlist{width: 830px;height: 776px; position: absolute; left: 50%;margin-left: -415px;  }
.main4_01{ position:absolute; left:0px; top:350px;}
.main4_02{ position:absolute; left:220px; top:350px;}
.main4_03{ position:absolute; left:440px; top:350px;}
.main4_04{ position:absolute; left:660px; top:350px;}
.main4_05{ position:absolute; left:110px; top:550px;}
.main4_06{ position:absolute; left:330px; top:550px;}
.main4_07{ position:absolute; left:550px; top:550px;}

.main4_bg a{ display:block; width:170px; height:170px;background-position:bottom; background-image:url(../img/1.png);}
.main4_bg a:hover{background-position:top; color:#fb383c;}

.main4_bg a p{ display:block; font-size:30px; color:#fb383c; font-family:"宋体"; padding-top:44px; text-align:center;}
.main4_bg a b{ font-size:18px; display:block; padding-top:15px;text-align: center}
.main4_bg a:hover b{color:#ffffff;}


.main4_01 a{background-position:top; color:#fb383c;color: #FFFFFF}


.footer{}
.footer .f1{height: 335px;background:url(../img/f1bg.png) no-repeat center #161616;}
.footer .f1 ul{width: 55%;min-width: 730px; margin: 0 22.5%; display: flex;justify-content:space-between  ;flex-wrap: nowrap;margin-top:100px;}
.footer .f1 ul li{width: 117px;height:175px;background: url(../img/f1.png) no-repeat;color: #ffffff; font-size: 25px;text-align: center;cursor: pointer}
.footer .f1 ul li:nth-child(1){background-position: 0 4px}
.footer .f1 ul li:nth-child(2){background-position: -265px 4px}
.footer .f1 ul li:nth-child(3){background-position: -535px 4px}
.footer .f1 ul li:nth-child(4){background-position: -812px 4px}
.footer .f1 ul li:nth-child(5){background-position: -1082px 4px}

.footer .f1 ul li:nth-child(1):hover{background-position: 0 -207px}
.footer .f1 ul li:nth-child(2):hover{background-position: -265px -207px}
.footer .f1 ul li:nth-child(3):hover{background-position: -535px -207px}
.footer .f1 ul li:nth-child(4):hover{background-position: -812px -207px}
.footer .f1 ul li:nth-child(5):hover{background-position: -1082px -207px}
.footer .f1 ul li a{color: #FFFFff;padding-top: 125px;display: block}






.footer .f2{background-color: #000;padding:50px 0 }
.footer .f2 dl.endnav{width:130px; line-height: 30px;float: left;margin-right: 20px;margin-top: 20px;}
.footer .f2 dl.endnav dt{width:130px;}
.footer .f2 dl.endnav dt a{color: #FFFFFF;font-size: 22px; }
.footer .f2 dl.endnav dd{width:130px; }
.footer .f2 dl.endnav dd a{color:#b3b3b3 }
.footer .f2 img.erweima{float: right;margin-top: 10px;}

.footer .f3{background-color: #111111;text-align: center;padding: 30px 0 30px 0;line-height: 25px;color: #ffffff}
.footer .f3 a{color:#ffffff}


.po{height: 30px;margin-top: 10px;margin-bottom: 10px;color:#9c9c9c;font-size: 16px;line-height: 30px; }
.po img{margin-right: 10px;}
.po a{color: #9c9c9c}



ul.newslist{width: 100%;float: left;}
ul.newslist li{width: 100%;float: left;border-bottom: #d8d8d8 solid 1px;padding: 50px 0}
ul.newslist li img{width: 30%;float: left}
ul.newslist li h3{width: calc(70% - 70px);padding-left: 30px;float: left;font-size: 30px;}
ul.newslist li span{width: 50%;height: 50px;line-height: 50px;font-size: 16px;color:#9c9c9c;
	background: url(/res/img/date.png) no-repeat 30px 12px;float: left;padding-left: 60px;}
ul.newslist li p{width: calc(70% - 70px);padding-left: 30px;line-height: 30px;float: left;color: #9c9c9c}


.tbi{height: 60px;background: url(../img/line.png) repeat-x 0 40px #f3f3f3;margin-bottom: 50px;text-align: center;margin-top: 20px;padding: 10px;}
.tbi span{background: #f3f3f3;font-size: 30px;line-height: 55px;padding: 0px 5px;}

.nextpre{margin:20px 0 50px 0;}
.nextpre a{color: #9c9c9c;background-color:#ffffff;  border: #cacaca solid 1px;display: inline-block;float: right;margin-left: 30px;width:260px;height: 45px;line-height: 45px;padding: 0px 15px; }
.nextpre a:hover{background-color:#d4d4d4 }

ul.fdlist{width: 100%;margin-top: 20px}
ul.fdlist li{width: 32%;float: left;padding-right:2%;margin-bottom: 30px;}
ul.fdlist li:nth-child(3n){padding-right:0;}
ul.fdlist li a{width: 100%;float: left}
ul.fdlist li ins{width: 100%;float: left;}
ul.fdlist li img.pic{width: calc(100% - 30px); border: #C7C7C7 solid 1px;padding: 15px;float:left}
ul.fdlist li em{width: 100%;}
ul.fdlist li em img{width: 100%;}



ul.fdlist li a img.pic{
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
ul.fdlist li  a:hover img.pic{
-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
}





ul.fdlist li b{width:100%;margin-top: -40px;float: left;font-size:20px;display: block;font-weight:normal}
ul.fdlist li p{width:100%;float: left;height: 50px;line-height: 25px; color: #A8A8A8}

ul.imglist{width: 100%;float: left;margin: 20px 0}
ul.imglist li{text-align: center}



ul.subnav{width: calc(80% - 1px);height: 60px; margin: 0 10%;border-left:#d0d0d0 solid 1px;margin-bottom: 50px;margin-top: 20px}
ul.subnav li{width: calc(16.66% - 1px);height:58px;border-bottom:#d0d0d0 solid 1px;border-right:#d0d0d0 solid 1px;border-top:#d0d0d0 solid 1px;float: left;position: relative;background-color: #f3f3f3}
ul.subnav li a{width: 100%;float: left;text-align: center;font-size: 20px;line-height: 58px;}
ul.subnav li a:hover,ul.subnav li a.cup{background-color: #b40000;color: #FFFFFF}
ul.subnav li a ins{display: none}
ul.subnav li a:hover ins,ul.subnav li a.cup ins{display: block;transform: rotate(45deg);position: absolute;bottom: -10px;left: calc(50% - 10px); background-color: #b40000;width: 20px;height: 20px;}

 
ul.dslist{width: 100%;float: left;}
ul.dslist li{width: 24%;margin-right: 1.333%;float: left;background-color: #f3f3f3;margin-bottom: 30px;}
ul.dslist li:nth-child(4n){margin-right: 0}
ul.dslist li a{width: 100%; float: left}
ul.dslist li a ins{width: 100%;float: left;overflow: hidden}
ul.dslist li a img{width: 100%;float: left}

ul.dslist li a b{width: 100%;padding: 10px;display: block;float: left;font-weight: normal;font-size: 20px;}
ul.dslist li a p{width: calc(100% - 20px);padding: 0 10px;height: 80px; display: block;float: left;line-height: 25px;color: #A8A8A8;margin-bottom: 20px;}


ul.telist{width: 100%;float: left;margin-top: 30px;}
ul.telist li{width: 24%;margin-right: 1.333%;float: left;background-color: #f3f3f3;margin-bottom: 30px;}
ul.telist li:nth-child(4n){margin-right: 0}
ul.telist li a{width: 100%; float: left;position: relative;overflow:hidden}

ul.telist li a img{width: 100%;float: left}
ul.telist li a span{width: 100%;position: absolute;bottom: 0;background-color: rgba(0,0,0,0.5);z-index: 10;left: 0}
ul.telist li a b{width:100%;padding: 10px 0 0 0;display: block;float: left;font-weight: normal;font-size: 20px;color: #FFFFFF;text-align: center }
ul.telist li a p{width:100%;padding: 0;height: 30px; display: block;float: left;line-height: 25px;color: #bbbbbb;text-align: center;padding-bottom: 10px}
ul.telist li a span ins{display: none}

ul.telist li a:hover span{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.7);text-align: center}
ul.telist li a:hover span b{font-size: 30px;margin-top: 50%;}
ul.telist li a:hover span p{font-size: 25px;padding-top: 10px;color: #FFFFFF}
ul.telist li a:hover span ins{ display:inline-block;font-style: normal;color: #ffffff;font-size: 20px;padding: 8px 23px; border:#FFFFFF solid 1px;text-decoration: none;margin-top: 15px;}


ul.vdlist{width: 100%;float: left;margin-top: 30px;}
ul.vdlist li{width: 49%;float: left;margin-right: 2%;background-color: #f3f3f3;margin-bottom: 30px;}
ul.vdlist li:nth-child(2n){margin-right: 0}
ul.vdlist li a{width: 100%; float: left;position: relative}
ul.vdlist li a img{width: 100%;float: left;}
ul.vdlist li a b{width: 100%;padding: 10px 20px;display: block;float: left;font-weight: normal;font-size: 20px;}
ul.vdlist li a p{width: calc(100% - 40px);padding: 0 20px;height: 80px; display: block;float: left;line-height: 25px;color: #A8A8A8;margin-bottom: 20px;}
img.player{width: 68px !important;height: 68px !important; position:absolute;z-index: 99;left: calc(50% - 34px);top: calc(50% - 34px); }

.pldiv{width: 100%;position: relative;float: left}






.pagination {width: 100%;display: inline-block;margin: 30px 0 20px 0;text-align: center}
.pagination > li {border: #b6b6b6 solid 1px;margin: 5px;display: inline-block; border-radius: 4px;}
.pagination > li.active,.pagination > li:hover{background-color:#b40000;color: #FFFFFF; }
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 10px 18px;
  margin-left: -1px;
  line-height: 1.42857143;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li:hover a{color: #FFFFFF; }